*{
  padding:0;
  margin:0;
  font-size:12px;
  color:#666;
  font-family:"Microsoft YaHei";
  ul li{
    list-style: none;
  }
  a{
    text-decoration:none;
    color:#666;
  }
}
#header{
  background:#f2f2f2;
  height:100px;
  line-height:100px;
  .logo{
    width:1100px;
    margin:0 auto;
    img{
      vertical-align:middle;
    }
    .res-login{
      float:right;
    }
  }
}
#step{
  width:1100px;
  margin:60px auto 0;
  h2{
    font-size:20px;
    color:#333;
  }
  .step-pic{
    width:821px;
    margin:0 auto;
    img{
      display:none;
      &:first-child{
        display:block;
      }
    }
  }
  .step-con{
    padding:88px 0;
    .stepmain{
      display:none;
      width:630px;
      margin:0 auto;
      .stepfinish{
        width:300px;
        p{
          font-size:24px;
        }
        a{
          color:#e43c3b;
        }
      }
      .stepinput{
        margin:20px 0 0;
        label{
          font-size:16px;
          width:130px;
          display:inline-block;
          text-align:right;
          margin-right:20px;
        }
        input[type="text"]{
          width:250px;
          height:38px;
          border:1px solid #cbcbcb;
          text-indent:10px;
        }
        input[type="password"]{
          width:250px;
          height:38px;
          border:1px solid #cbcbcb;
          text-indent:10px;
        }
        .code{
          clear:both;
          float:right;
          line-height:40px;
          height:40px;
          .pic{
            width:90px;
            height:40px;
            text-align:center;
            background:#ccc;
            float:left;
            margin:0 20px;
          }
          p{
            display:inline-block;
            height:40px;
            font-size:12px;
          }
          .othercode{
            display:inline-block;
            height:40px;
            color:#ff0e0e;
            margin-top:5px;
          }
        }
        select{
          width:250px;
          height:40px;
          border:1px solid #cbcbcb;
        }
        span{
          color:#333;
        }
        .phone-code{
          display:inline-block;
          width:111px;
          height:40px;
          background:#f45476;
          text-align:center;
          line-height:40px;
          border-radius:4px;
          color:#fff;
          margin-left:10px;
        }
      .phone-code-resent{
        display:inline-block;
        height:40px;
        line-height:40px;
        background:#d2d2d2;
        padding:0 10px;
        margin-left:10px ;
      }
    }
      .agress{
        margin:10px 155px 0;
        input{
          vertical-align:-2px;
        }
        a{
          color:#ff0e0e;
        }
      }
      .submit{
        width:90px;
        height:40px;
        text-align:center;
        line-height:40px;
        color:#fff;
        background:#f45476;
        border:none;
        font-size:16px;
        margin:20px 155px 0;
      }
      .switch{
        margin:10px 155px;
        a{
          color:#ff4143;
        }

      }
      &.step1{
        display:block;
      }
      .stepfinish{
        width:200px;
        margin:0 auto;
        color:#333;
        text-align:center;
        p{
          color:#333;
          margin:5px 0;
        }
      }
      p{
        font-size:16px;
      }
    }
  }
}
footer{
  width:1100px;
  margin:0 auto;
  height: auto;
  text-align: center;
  font-family:"Microsoft YaHei";
  color:#666;
  .foot-link{
    padding-top: 15px;
    color:#666666;
    font:{
      size:14px;
    }
    a{
      padding-right: 5px;
    }

  }
  .copyright{
    margin:10px;
  }
}